<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/echarts.min.js"></script>
</head>
<body>
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>


<script>
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    //平滑
    var option = {
        tooltip : {
            trigger: 'axis'
        },
//          legend: {
//              data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
//          },
//          toolbox: {
//              show : true,
//              feature : {
//                  mark : {show: true},
//                  dataView : {show: true, readOnly: false},
//                  magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
//                  restore : {show: true},
//                  saveAsImage : {show: true}
//              }
//          },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : ['8点','9点','10点','11点','12点','13点','14点'],
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'邮件营销',
                type:'line',
                stack: '总量',
                data:[120, 132, 101, 134, 90, 230, 210]
            },
            {
                name:'联盟广告',
                type:'line',
                stack: '总量',
                data:[220, 182, 191, 234, 290, 330, 310]
            },
            {
                name:'视频广告',
                type:'line',
                stack: '总量',
                data:[150, 232, 201, 154, 190, 330, 410]
            },
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    setInterval(function(){
        myChart.clear();
        myChart.setOption(option);
        console.log('我是图标吧');
    },1500)


</script>
</body>
</html>